<template>
  <!--  规格参数组件-->
  <el-table :data="dataProps.groupData" >
    <el-table-column prop="groupName" width="180"/>
    <el-table-column>
      <template #default="scope">
        <el-descriptions
            :column="1"
        >
          <el-descriptions-item :label="item.attrName" v-for="item in scope.row.attrValues">{{item.attrValue!=null ? item.attrValue : '无'}}</el-descriptions-item>
        </el-descriptions>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup>
import {defineProps} from "vue";

let dataProps = defineProps(['groupData'])

</script>

<style scoped>
.group_class {
  display: flex;

}
</style>
